import Base from './base.js'

export default class extends Base {
    render() {
        this.$el.html(`
            <div class="layui-layout layui-layout-admin">
                <div class="layui-header">
                <div class="layui-logo layui-hide-xs layui-bg-black">电影后台管理系统</div>
                <!-- 头部区域（可配合layui 已有的水平导航） -->
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
                        tester
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">退出登录</a></dd>
                    </dl>
                    </li>
                </ul>
                </div>
                
                <div class="layui-side layui-bg-black">
                <div class="layui-side-scroll">
                    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                    <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item">
                        <a class="" href="javascript:;">电影</a>
                        <dl class="layui-nav-child">
                            <dd><a href="#/info/movies">电影列表</a></dd>
                            <dd><a href="#/info/addMovies">新增电影</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">影院</a>
                        <dl class="layui-nav-child">
                        <dd><a href="#/info/cinemas">影院列表</a></dd>
                        <dd><a href="#/info/addcinemas">新增影院</a></dd>
                        <dd><a href="#/info/searchcinemas">查询影院</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="#/info/schedules">排片</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">订单</a>
                        <dl class="layui-nav-child">
                        <dd><a href="#/info/indent">订单列表</a></dd>
                        <dd><a href="#/info/addindent">新增订单</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">用户</a>
                        <dl class="layui-nav-child">
                        <dd><a href="#/info/admins">管理员</a></dd>
                        <dd><a href="#/info/users">用户</a></dd>
                        </dl>
                    </li>
                    </ul>
                </div>
                </div>
                
                <div class="layui-body">
                    <!-- 内容主体区域 -->
                    <div style="padding: 15px;" class="movies-container"></div>
                </div>
            </div>    
        `)
        layui.element.render()
    }
    handle() {

    }
}